<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head><script type="text/javascript" src="/StudentInfo/utils/scripts/flat-ui.js"></script><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><link rel="shortcut icon" href="/StudentInfo/utils/image/favicon.ico" type="image/x-icon" />
<meta charset="UTF-8">
<title>选课管理系统</title>

<!-- 标题图标、CSS、js、jQ
<link href="/online/image/favicon.ico" rel="shortcut icon">
<link rel="stylesheet" type="text/css" href="/online/css/main.css">
<script src="/online/js/fun.js" type="text/javascript"></script>-->
<script type="text/javascript" src="/StudentInfo/utils/js/jquery-3.3.1.min.js"></script>
<!-- Loading Bootstrap -->
<link href="/StudentInfo/utils/css/vendor/bootstrap.min.css" rel="stylesheet">
<!-- Loading Flat UI Pro -->
<link href="/StudentInfo/utils/css/flat-ui.css" rel="stylesheet">
<!-- Loading Flat UI JS -->
<script type="text/javascript" src="/StudentInfo/utils/scripts/flat-ui.min.js"></script>

<script type='text/javascript' src='/StudentInfo/utils/scripts/particles.js'></script><link href="/StudentInfo/utils/css/animate.css" rel="stylesheet"></head>
<style type="text/css">
    .pageSize {
        padding: 5px;
        margin: 0 6px 0 6px;
        border-radius: 6px;
        background: #1abc9c;
        color: white;
        border: none;
    }

    .pageChose {
        display:flex;
        justify-content:center;
        align-items:center;
    }

    .active-bkg {
        background: repeating-linear-gradient(45deg, #232c34, transparent 100px);
    }

    .courseSize {
        font-size: 13px;
        font-weight: bolder;
    }

    .table td, .table th {
        vertical-align: middle;
    }

    .textShow {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

</style>
<body><div id="particles-js"><canvas class="particles-js-canvas-el" width="1322" height="774" style="width: 100%; height: 100%;"></canvas></div>
<jsp:include page="studentLeft.jsp" />
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <h5>查看选课结果</h5>
            <p class="alert alert-info">提示：没有教师安排的课程无法查询</p>

            <div class="row">
                <div class="col-md-12" >
                    <div class="margin:0 15px">
                        <table style="table-layout:fixed" class="table table-striped table-hover animated fadeIn myTable">
                            <thead>
                            <tr>
                                <th width="7%">课程号</th>
                                <th width="14%">课程名</th>
                                <th width="12%">课程简介</th>
                                <th width="8%">类型</th>
                                <th width="20%">课程时间安排</th>
                                <th width="8%">教室</th>
                                <th width="8%">授课教师</th>
                                <th width="7%">学分</th>
                                <th width="7%">课时</th>
                                <th width="9%">退选</th>
                            </tr>
                            </thead>
                            <c:forEach var="course" items="${requestScope.courseVoList}">
                                <tr>
                                    <td>${course.CId}</td>
                                        <td id="${course.CId}" class="textShow" title="${course.CName}">${course.CName}</td>
                                    <td class="textShow" title="${course.CIntroduction}">${course.CIntroduction}</td>
                                    <td>${course.type}</td>
                                    <td>
                                        <div class="courseSize">${course.courseWeek}</div>
                                        <div class="courseSize textShow" title="${course.courseTime}">${course.courseTime}</div>
                                    </td>
                                    <td>${course.classRoom}</td>
                                    <td>${course.TName}</td>
                                    <td>${course.credits}</td>
                                    <td>${course.period}</td>
                                    <td>
                                        <a onclick="confirmCancel(${course.CId})" class="btn btn-warning" href="#">退选</a>
                                    </td>
                                </tr>
                            </c:forEach>
                        </table>
                    </div>
                </div>

            </div>
        </div>
    </div>


				<!-- 显示分页信息 -->
	<div class="row">
		<!--分页文字信息  -->
<%--		<div class="col-md-6">当前 ${pageInfo.pageNum }页,总${pageInfo.pages }--%>
<%--			页,总 ${pageInfo.total } 条记录</div>--%>
		<jsp:include page="choosePageNo.jsp" />
		</div>
		<!-- 分页条信息 -->
		<div class="col-md-12 pageChose">
			<nav aria-label="Page navigation">
			<ul class="pagination bg-primary">
				<li><a href="/StudentInfo/StudentHandler/selcouresult/?pageNo=1&pageSize=${pageInfo.pageSize}">首页</a></li>
				<c:if test="${pageInfo.hasPreviousPage }">
					<li><a href="/StudentInfo/StudentHandler/selcouresult/?pageNo=${pageInfo.pageNum-1}&pageSize=${pageInfo.pageSize}"
						aria-label="Previous"> <span aria-hidden="true">上一页</span>
					</a></li>
				</c:if>
				<c:forEach items="${pageInfo.navigatepageNums }" var="page_Num">
					<c:if test="${page_Num == pageInfo.pageNum }">
						<li class="active"><a href="#">${page_Num }</a></li>
					</c:if>
					<c:if test="${page_Num != pageInfo.pageNum }">
						<li><a href="/StudentInfo/StudentHandler/selcouresult/?pageNo=${pageInfo.pageNum}&pageSize=${pageInfo.pageSize}">${page_Num}</a></li>
					</c:if>
				</c:forEach>
				<c:if test="${pageInfo.hasNextPage }">
					<li><a href="/StudentInfo/StudentHandler/selcouresult/?pageNo=${pageInfo.pageNum+1}&pageSize=${pageInfo.pageSize}"
						aria-label="Next"> <span aria-hidden="true">下一页</span>
					</a></li>
				</c:if>
				<li><a href="/StudentInfo/StudentHandler/selcouresult/?pageNo=${pageInfo.pages}&pageSize=${pageInfo.pageSize}">末页</a></li>
			</ul>
			</nav>
		</div>
	</div>

</div>
<script>
	function queryCourse(){
		let pageSize = $("#pageSize").val();
		let pageNum = ${pageInfo.pageNum};
		if (pageNum == 0) {
			pageNum = 1;
		}
		window.location.href="/StudentInfo/StudentHandler/selcouresult?pageNo=" + pageNum + "&pageSize=" + pageSize;
	}

    function confirmCancel(cid) {
        let cname = $("#" + cid).text();
        var cancel = confirm("确定要退选【" + cname + "】吗？")
        if (cancel) {
            window.location.href="/StudentInfo/StudentHandler/exitsel/" + cid;
        }
    }
</script>
<script type="text/javascript" src="/StudentInfo/utils/scripts/flat-ui.js"></script>
<script src="/StudentInfo/utils/scripts/bganimation.js"></script>
</body>
</html>